<!DOCTYPE html>
<html>
    <head>
          <script src="vue.js"></script>
    </head>
    <body>
         <div id="app">
             <div id="outer" v-bind:style="{background:pink,width:width,height:height}">
                 <div id="inner" v-bind:style="myDivStyle">

                 </div>
             </div>
         </div>
         <script>
             var vm = new Vue({
                 el:'#app',
                 data : {
                     pink : 'pink',
                     width : '100%',
                     height : '200px',
                     myDivStyle : {
                         background : 'red',
                         width : '100px',
                         height : '100px'
                     }
                 }
             })
         </script>
    </body>
</html>